<%--
    Título: gestHora. Aplicación web de gestión de horarios para conservatorios.
    Alumnos:
        - Javier Pardo Muñoz. I.T. Informática de Gestión
        - Antonio Prior Cazorla. I.T. Informática de Gestión
    Director: Dr. José Raúl Romero Salguero.
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html>

    <head>
        <link rel="stylesheet" type="text/css" href="/gestHora/css/general.css">

        <script type="text/javascript" src="/gestHora/js/jQuery.js"></script>
        <script type="text/javascript" src="/gestHora/js/ajax/noticias.js"></script> 

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="icon" type="image/png" href="/gestHora/img/favicon.png" />
        <title>gestHora - Gestión de horarios de conservatorio</title>

        <script type="text/javascript">

            $(document).ready(function() {

                listarNoticiasPortada();

            });

        </script>

    </head>

    <body>

        <div class="contenedor">

            <jsp:include page="/jsp/views/header.jsp"/>

            <div class="contenido">
                <div class="contenido-dentro">
                    <div class="contenido-principal contenido-principal-index" role="main">

                        <section class="contenido-articulo contenido-articulo-index" id="articulo">     

                            <div>
                                <table>

                                    <td class="index-introduccion">

                                        <h2>Bienvenido</h2>

                                        <p>gestHora es una aplicación web para la gestión de horarios en los conservatorios de música. 
                                            <br/><br/>Algunas de sus características principales son:

                                        <ul class="bienvenida">
                                            <li>Elección de grupos de forma online.</li>
                                            <li>Generación de horarios de forma automática.</li>
                                            <li>Control de alumnos por parte del profesorado.</li>
                                            <li>Gestión del personal del centro.</li>
                                            <li>Y mucho más...</li>
                                        </ul>

                                    </td>

                                    <td class="index-noticias">


                                        <h2>Noticias</h2>

                                        <!-- Se cargan las noticias mediante AJAX -->
                                        <div id="noticias"></div>
                                        <br/><a href="./jsp/views/noticiasView.jsp">Mostrar todas las noticias</a>


                                    </td>

                                </table>

                            </div>         

                        </section>
                    </div>
                </div>

                <jsp:include page="/jsp/views/footer.jsp"/>

            </div>
        </div>

    </body>
</html>
